* {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family:'Microsoft YaHei';
}
body{
    width: 100%;
    height: 100%;
    background: url("/PIC/666pic.jpg");
}
#bkga{
    width: 100%;
    height: 100%;
    animation: bkg 3s infinite;
    -webkit-animation: bkg 0.5s infinite;
}
@keyframes bkg{
    0%   {background:rgba(255, 0, 0, 0.356); }
	25%  {background:rgba(174, 194, 0, 0.356); }
	50%  {background:rgba(0, 0, 255, 0.337); }
	75%  {background:rgba(0, 114, 0, 0.521);}
	100% {background:rgba(163, 0, 0, 0.616); }
}
@-webkit-keyframes bkg{
    0%   {background:rgba(255, 0, 0, 0.356); }
	25%  {background:rgba(174, 194, 0, 0.356); }
	50%  {background:rgba(0, 0, 255, 0.337); }
	75%  {background:rgba(0, 114, 0, 0.521);}
	100% {background:rgba(163, 0, 0, 0.616); }
}
.PYtitle{
    position: absolute;
    width: 100%;
    height: auto;
    line-height: 200px;
    text-align: center;
    color:rgba(255, 255, 255, 0);
    font-size: 100px;
    font-family: "楷体";
    font-weight:900;
    z-index: 9999;
    text-shadow: 8px 8px 8px red;
    -webkit-text-stroke:4px black;
    animation: fontchange 1s infinite;
    -webkit-animation: fontchange 1s infinite;
}
@keyframes fontchange{
    0% {-webkit-text-stroke:4px blue;color:red;}
    25% {-webkit-text-stroke:4px red;color:yellow}
    50% {-webkit-text-stroke:4px yellow;color:green;}
    75% {-webkit-text-stroke:4px green;color:blue;}
    100% {-webkit-text-stroke:4px blue;color:red;}
}
@-webkit-keyframes fontchange{
    0% {-webkit-text-stroke:4px blue;color:red;}
    25% {-webkit-text-stroke:4px red;color:yellow}
    50% {-webkit-text-stroke:4px yellow;color:green;}
    75% {-webkit-text-stroke:4px green;color:blue;}
    100% {-webkit-text-stroke:4px blue;color:red;}
}
.PYtitle2{
    width: 100%;
    top:500px;
    height: auto;
    font-size: 80px;
    font-weight:900;
    text-align: center;
    font-family: "楷体";
    position: absolute;
    -webkit-text-stroke:4px black;
    animation: fontchange2 0.5s infinite;
    -webkit-animation: fontchange2 0.6s infinite;
}
@keyframes fontchange2{
    0% {-webkit-text-stroke:4px blue;color:red;}
    25% {-webkit-text-stroke:4px red;color:yellow}
    50% {-webkit-text-stroke:4px yellow;color:green;}
    75% {-webkit-text-stroke:4px green;color:blue;}
    100% {-webkit-text-stroke:4px blue;color:red;}
}
@-webkit-keyframes fontchange2{
    0% {-webkit-text-stroke:4px blue;color:red;}
    25% {-webkit-text-stroke:4px red;color:yellow;}
    50% {-webkit-text-stroke:4px yellow;color:green;}
    75% {-webkit-text-stroke:4px green;color:blue;}
    100% {-webkit-text-stroke:4px blue;color:red;}
}
.PYtitle3{
    width: 100%;
    top:600px;
    height: auto;
    font-size: 80px;
    font-weight:900;
    text-align: center;
    font-family: "楷体";
    position: absolute;
    -webkit-text-stroke:4px black;
    animation: fontchange3 1s infinite;
    -webkit-animation: fontchange3 1s infinite;
    z-index: 9999;
}
.PYtitle4{
    width: 100%;
    top:600px;
    height: auto;
    font-size: 80px;
    font-weight:900;
    text-align: center;
    font-family: "楷体";
    position: absolute;
    -webkit-text-stroke:4px black;
    animation: fontchange3 1s  infinite;
    -webkit-animation: fontchange3 1s infinite;
    animation-delay: 0.2s;
    z-index: 9999;
}
.PYtitle5{
    width: 100%;
    top:600px;
    height: auto;
    font-size: 80px;
    font-weight:900;
    text-align: center;
    font-family: "楷体";
    position: absolute;
    -webkit-text-stroke:4px black;
    animation: fontchange3 1s infinite;
    -webkit-animation: fontchange3 1s  infinite;
    animation-delay: 0.1s;
    z-index: 9999;
}
@keyframes fontchange3{
    0% {-webkit-text-stroke:4px blue;color:red;top:600px;}
    25% {-webkit-text-stroke:4px red;color:yellow;}
    50% {-webkit-text-stroke:4px yellow;color:green;top:700px;}
    75% {-webkit-text-stroke:4px green;color:blue;}
    100% {-webkit-text-stroke:4px blue;color:red;top:600px;}
}
@-webkit-keyframes fontchange3{
    0% {-webkit-text-stroke:4px blue;color:red;top: 600px;}
    25% {-webkit-text-stroke:4px red;color:yellow;}
    50% {-webkit-text-stroke:4px yellow;color:green;top: 700px;}
    75% {-webkit-text-stroke:4px green;color:blue;}
    100% {-webkit-text-stroke:4px blue;color:red;top: 600px;}
}
.ylzz-l{
    width:250px;
    height:300px;
    position: absolute;
    top:200px;
    left:10%;
    border:4px solid #ddd;
    border-image: -webkit-linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
    border-image: -moz-linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
    border-image: -o-linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
    border-image: linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
    background-color: brown;
    animation: ylzz-l 5s infinite;
    z-index: 1;
}
.ylzz-r{
    width:250px;
    height:300px;
    position: absolute;
    top:200px;
    left:80%;
    border:4px solid #ddd;
    border-image: -webkit-linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
    border-image: -moz-linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
    border-image: -o-linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
    border-image: linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
    background-color: brown;
    animation: ylzz-r 5s infinite;
    z-index: 1;
}
@keyframes ylzz-l{
    0% {
        left:10%;
        border-image: -webkit-linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
        border-image: -moz-linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
        border-image: -o-linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
        border-image: linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
    }
    100% {
        left: 80%;
        border-image: -webkit-linear-gradient(rgb(38, 0, 255), rgb(255, 0, 0)) 20 20;
        border-image: -moz-linear-gradient(rgb(38, 0, 255), rgb(255, 0, 0)) 20 20;
        border-image: -o-linear-gradient(rgb(38, 0, 255), rgb(255, 0, 0)) 20 20;
        border-image: linear-gradient(rgb(38, 0, 255), rgb(255, 0, 0)) 20 20;
    }
}
@-webkit-keyframes ylzz-l{
    0% {
        left:10%;
        border-image: -webkit-linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
        border-image: -moz-linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
        border-image: -o-linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
        border-image: linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
    }
    100% {
        left: 80%;
        border-image: -webkit-linear-gradient(rgb(38, 0, 255), rgb(255, 0, 0)) 20 20;
        border-image: -moz-linear-gradient(rgb(38, 0, 255), rgb(255, 0, 0)) 20 20;
        border-image: -o-linear-gradient(rgb(38, 0, 255), rgb(255, 0, 0)) 20 20;
        border-image: linear-gradient(rgb(38, 0, 255), rgb(255, 0, 0)) 20 20;
    }
}
@keyframes ylzz-r{
    0% {
        left:80%;
        border-image: -webkit-linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
        border-image: -moz-linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
        border-image: -o-linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
        border-image: linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
    }
    100% {
        left: 10%;
        border-image: -webkit-linear-gradient(rgb(38, 0, 255), rgb(255, 0, 0)) 20 20;
        border-image: -moz-linear-gradient(rgb(38, 0, 255), rgb(255, 0, 0)) 20 20;
        border-image: -o-linear-gradient(rgb(38, 0, 255), rgb(255, 0, 0)) 20 20;
        border-image: linear-gradient(rgb(38, 0, 255), rgb(255, 0, 0)) 20 20;
    }
}
@-webkit-keyframes ylzz-r{
    0% {
        left:80%;
        border-image: -webkit-linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
        border-image: -moz-linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
        border-image: -o-linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
        border-image: linear-gradient(rgb(255, 0, 0), rgb(38, 0, 255)) 20 20;
    }
    100% {
        left: 10%;
        border-image: -webkit-linear-gradient(rgb(38, 0, 255), rgb(255, 0, 0)) 20 20;
        border-image: -moz-linear-gradient(rgb(38, 0, 255), rgb(255, 0, 0)) 20 20;
        border-image: -o-linear-gradient(rgb(38, 0, 255), rgb(255, 0, 0)) 20 20;
        border-image: linear-gradient(rgb(38, 0, 255), rgb(255, 0, 0)) 20 20;
    }
}
.hitcall-l{
    width:100px;
    height:100px;
    position: absolute;
    top:600px;
    left:100px;
    border:4px solid #ddd;
    animation:bod 0.1s infinite;
}
.hitcall-r{
    width:100px;
    height:100px;
    position: absolute;
    top:600px;
    right:100px;
    border:4px solid #ddd;
    animation:bod 0.1s infinite;
}
@keyframes bod{
    from {border-color:red;}
    to {border-color:blue;}
}
@-webkit-keyframes bod{
    from {border-color:red;}
    to {border-color:blue;}
}
.zanmeiPY{
    position: absolute;
    left:0;
    right:0;
    margin:auto;
    font-size: 40px;
    font-family: "华文行楷";
    width:250px;
    height:100px;
    top:390px;
    background-color: red;
    box-shadow: 2px 2px 2px 2px red;
    z-index: 9999;
    animation: btn 1s infinite;
    -webkit-animation: btn 0.1s infinite;
    cursor:pointer;
}
@keyframes btn{
    from{background-color: red;}
    to{background-color: blue;}
}
@-webkit-keyframes btn{
    from{background-color: red;}
    to{background-color: blue;}
}
#glored{
    position: fixed;
    width: auto;
    height: auto;
    background-color: rgba(251, 255, 0, 0.692);
    font-size: 40px;
    font-weight: 600;
    -webkit-text-stroke: 1px white;
    color: black;
}
.glrsp{
    font-size: 55px;
    color:rgb(255, 0, 0);
}